<!DOCTYPE html>
<html lang="en">
<#import "../../common/userLayout.ftl" as layout/>
<@layout.head title=""></@layout.head>
<head>
    <title>库存报表</title>
    <script src="${request.contextPath}/assets/user/js/page/warehouseReport.js?v=3653060703"></script>
    <style>
        body {
            font-size: 14px;
        }

        body {
            color-scheme: light dark;
        }

        .weui-btn {
            font-size: 14px;
        }

        .weui-label {
            color: #109e0f;
        }

        #warehouseInfo {
            color: #009d9e;

        }

        .weui-input {
            font-weight: 600;
        }

        table {
            margin: 10px 20px;
            width: calc(100% - 40px);
            border-top: 1px solid #efefef;
            border-left: 1px solid #efefef;
            font-size: 10px;
            line-height: 1.5em;
            word-break: break-all;
        }

        table thead {
            font-weight: 800;
            text-align: center;
            background: #efefef;
            color-scheme: light dark;
        }

        table td {
            padding: 3px 3px;
            border-bottom: 1px solid #efefef;
            border-right: 1px solid #efefef;
            text-align: center;
        }

        table tr:nth-child(even) {
            background: #f7f7f7;
            color-scheme: light dark;
        }

        .toolbar {
            color-scheme: light dark;
        }
        .toolbar .picker-button{
            color-scheme: light dark;
        }
        .toolbar .title {
            color-scheme: light dark;
        }

        @media (prefers-color-scheme: dark) {
            html, body {
                background-image: linear-gradient(to bottom, #111111, #515151);
            }

            table tr:nth-child(even) {
                background: #515151;
            }

            table thead {
                background: #2E2E2E;
            }

            .toolbar {
                background: #515151;
                color: #e1e1e1;
            }
            .toolbar .picker-button{
                color: #ffffff;
            }
            .toolbar .title {
                color: #e1e1e1;
            }
        }
    </style>
    <script>
        var serverConst = {
            eqClass: [
            <#list eqClass as item>
                {value: "${item.id?c}", title: "${item.name}"},
            </#list>]
        }
    </script>
</head>
<body>
<div id="background">
<#--日期选择框-->
    <div style="margin: 0px 10px;">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label for="startDate" class="weui-label fa fa-calendar-alt"> 开始日期</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" id="startDate" type="text" readonly="">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label for="endDate" class="weui-label fa fa-calendar-alt"> 截止日期</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" id="endDate" type="text" readonly="">
            </div>
        </div>
        <div class="flex">
            <div style="flex:1;">
                <div class="weui-cell " style="padding:5px 15px;">
                    <div class="weui-cell__bd "><input class="weui-input " id="warehouseInfo" type="text" value=""
                                                       style="border-bottom: 2px solid #009d9e;">
                    </div>
                </div>
            </div>
            <a href="javascript:beginSearch();" class="weui-btn weui-btn_primary"
               style="width: 120px;margin: 0px 10px;">查询报表</a>
        </div>

    </div>
<#--结果表格-->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none">
        <thead>
        <tr>
            <td width="100">资产类型</td>
            <td>当前库存</td>
            <td>期末库存</td>
            <td>入库总数</td>
            <td>出库总数</td>
        </tr>
        </thead>
        <tbody></tbody>
    </table>
    <div class="weui-loadmore weui-loadmore_line" id="noData" style="display: none">
        <span class="weui-loadmore__tips">无数据</span>
    </div>
</div>
</body>
</html>